Initial CTA / 初始號召行動

“初始號召行動”是透過一個醒目的輸入框邀請使用者與 AI 互動的常見設計模式,尤其在 AI 功能介紹中得到了廣泛應用。例如,使用者被鼓勵輸入一個開放式的想法,AI 將根據描述生成內容。

雖然這種模式有效展示了產品的功能,但也存在一些問題:

當前趨勢與演化

標準模式

大輸入框:使用者直接描述需求,AI 根據描述生成結果。

結合提示建議:為使用者提供示例輸入,例如“告訴我彩虹的原理”。

引數設定:如音訊生成器(如 Udio)允許使用者調整生成內容的引數。

逐漸演化的模式:

上下文相關引導:一些產品(如 Typeform)將 AI 功能嵌入使用者已有明確意圖的工作流中。例如,當使用者開始建立表單時,AI 提供輔助選項,這種設計比大輸入框更貼合實際使用場景。

依賴系統資料:部分產品需要使用者先新增其他資料後再啟用 AI 功能,例如音訊工具(如 Grain 或 Otter)或資料庫工具(如 Productboard)。發現方式:AI 通常透過對話方塊或橫幅引入,但始終保持與上下文的關聯性。

趣味性初始互動:

對於某些應用,初始 CTA 被設計得更具娛樂性,幫助使用者以輕鬆有趣的方式瞭解功能。例如:

功能細節與變體

  1. 開放式輸入框:
    1. 結合提示:提供示例輸入,幫助使用者快速理解 AI 的能力。
    1. 結合引數:允許使用者調整生成內容的特定設定(如風格、語調、目標)。
    1. 案例庫展示:展示生成內容的實際示例,為使用者提供靈感,降低他們對“從零開始”的心理障礙。
  1. 分步指導:教學式設計,透過分步引導使用者最佳化提示,或由 AI 提出進一步的建議。
  1. 後續操作:AI 可以基於使用者輸入提供後續操作建議,增強整體體驗。

優勢

潛在風險

  1. 不切實際的承諾
    1. 如果產品複雜到無法透過簡單輸入框展示其能力,可能導致使用者失望。
    1. 建議:延遲引入 AI 功能,或結合模板和引導使使用者更接近所需結果。
  1. 缺乏後續支援
    1. 使用者在初次嘗試失敗後可能失去信心。
    1. 解決方案:透過 AI Copilot 或分步指導幫助使用者調整提示,提高互動結果的成功率。
  1. 成本和使用者付費轉化:生成式 AI 功能成本高昂,但如果體驗不佳或價值不明確,使用者可能不願付費。

改進建議

Canva 的頁面標題設計透過醒目的 CTA(Call-to-Action)引導使用者進行關鍵操作或瞭解新功能。這種標題設計通常簡潔且富有視覺衝擊力,用以快速吸引使用者注意,同時提供清晰的下一步操作指引。)

GoDaddy 在使用者流程中新增了 CTA,但其位置設計容易讓使用者感到困惑(CTA 的定位對於最佳化使用者體驗至關重要,如果放置在使用者旅程中不直觀或脫離上下文,可能會降低轉化率並增加使用者疑惑。)

Prezi 的另一個“我能完成一切”的 CTA 旨在鼓勵使用者探索其功能的多樣性(這種模糊但充滿潛力的 CTA 強調工具的開放性和靈活性,但可能在引導具體操作上顯得不夠明確。)

Figma 的開放式文字 CTA 提供了相關模板,向使用者展示優秀示例。(透過直接提供參考內容,Figma 的 CTA 幫助使用者快速上手並理解工具的用途,同時減少新手的學習曲線。)

Notion 將 CTA 放置在空白頁面的操作建議頂部,便於使用者快速開始操作。

這種模式非常適合作為類似Julius.ai的對話式 AI 工具的介紹方式。(透過簡潔的 CTA 引導使用者參與對話或探索功能,可以幫助使用者快速瞭解工具的核心能力並建立初步互動。)

ChatGPT、Claude 以及其他基礎對話介面工具持續採用這一設計模式。(這種模式的核心在於簡單明瞭的互動入口和易於理解的提示,能夠降低使用者上手難度,同時確保介面清晰且功能直觀。)
Google 曾嘗試在搜尋輸入框下方放置 CTA,但現在似乎已經預設直接展示結果。(透過移除單獨的 CTA,Google 的設計最佳化了使用者體驗,減少了使用者在執行搜尋操作時的額外步驟。)

一種新興的設計模式是將 CTA 與其他傳統選項並列放置,比如 Typeform 的實現方式。(這種設計避免了 CTA 的突兀感,讓其更自然地融入介面,同時保持使用者體驗的一致性。)

Adobe 將其 AI 工具作為標準功能之外的高階附加選項來定位(這種策略透過強調 AI 工具的增值服務屬性,引導使用者為更高效或更先進的功能付費,同時提升工具的感知價值。)

Adobe 把 AI 工具定位為高階附加功能,突出其增值服務屬性。一些公司開始更積極地引入 AI 功能,即使這些功能可能不易被發現,因而沒有作為明確的可選項展示,比如 Productboard 和 Otter 的做法(這種策略透過深度整合 AI 功能,減少顯式選擇的步驟,但可能需要更多的教育和引導來幫助使用者理解其存在和價值。)

Zapier 在其首頁上使用了一個醒目的大型 CTA。(這種設計透過明確的視覺優先順序快速吸引使用者注意,引導他們點選並瞭解工具的核心功能,適合用於強調主要賣點或號召性行動。)